<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>场外交易</title>
    <style>
        body.hidden {
            min-width: 1400px;
            overflow-x: auto
        }
    </style>
</head>

<body class="hidden">
    @@include('header.html')
    <div class="y-main-content">
        <div class="y-location clearfix">
            <div class="left clearfix">
                <span class="left first-location">场外交易</span>
                <img src="images/icon/next.png" alt="" class="left location-ico">
                <span class="left on-location">购买BITCNY</span>
            </div>
            <div class="right y-explain">
                说明：场外交易是指平台用户与平台承兑商之间的交易，由平台做外担保以及撮合，平台自身不参与任何场外交易行为；
            </div>
        </div>
        <div class="clearfix hidden">
            @@include('club-exchange.html')
            <div class="y-content-r">
                <div class="y-location-r">
                    购买BITCNY
                </div>
                <div class="y-main-content-r">
                    <div class="y-scroll-height">
                        <div class="clearfix y-table-th border-b">
                            <div class="width20p fl text-c clearfix">
                                <div class="inline-b">
                                    <span class="fl y-table-text">承兑商昵称</span>
                                    <div class="fl y-searchCoins">
                                        <input type="text" placeholder="搜索" value="" class="fl y-input y-search-input">
                                        <img src="images/icon/y-search.png" alt="" class="y-searchBar">
                                    </div>
                                </div>
                            </div>
                            <div class="width20p fl text-c y-table-text">
                                限额
                                <img src="images/icon/tableIco1.png" class="y-sortIcon" alt="">
                            </div>
                            <div class="width20p fl text-c y-table-text">
                                单价
                                <img src="images/icon/tableIco1.png" class="y-sortIcon" alt="">
                            </div>
                            <div class="width20p fl text-c y-table-text">
                                支付方式
                                <img src="images/icon/tableIco2.png" class="y-sortIcon" alt="">
                            </div>
                            <div class="width20p fl text-c y-table-text">
                                操作
                            </div>
                        </div>

                        <ul class="trade-ul">
                            <li class="clearfix trade-li border-b">
                                <div class="clearfix fl width20p">
                                    <span class="fl y-headerName">炒</span>
                                    <div class="fl ml10">
                                        <p class="y-trade-person">炒币小王子</p>
                                        <p class="y-trade-code">5238</p>
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-cny-text">1000 BINTCNY</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-trade-price">&yen;&nbsp;0.99/个</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <div class="inline-b">
                                        <img src="images/icon/wechat.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/alipay.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/bank.png" class="plr5 mt10" alt="">
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <button class="y-btn y-primary-btn mt15">立即购买</button>
                                </div>
                            </li>
                            <li class="clearfix trade-li border-b">
                                <div class="clearfix fl width20p">
                                    <span class="fl y-headerName">奋</span>
                                    <div class="fl ml10">
                                        <p class="y-trade-person">奋斗</p>
                                        <p class="y-trade-code">5238</p>
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-cny-text">1000 BINTCNY</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-trade-price">&yen;&nbsp;0.99/个</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <div class="inline-b">
                                        <img src="images/icon/wechat.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/alipay.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/bank.png" class="plr5 mt10" alt="">
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <button class="y-btn y-primary-btn mt15">立即购买</button>
                                </div>
                            </li>
                            <li class="clearfix trade-li border-b">
                                <div class="clearfix fl width20p">
                                    <span class="fl y-headerName">L</span>
                                    <div class="fl ml10">
                                        <p class="y-trade-person">Lan</p>
                                        <p class="y-trade-code">5238</p>
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-cny-text">1000 BINTCNY</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-trade-price">&yen;&nbsp;0.99/个</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <div class="inline-b">
                                        <img src="images/icon/wechat.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/alipay.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/bank.png" class="plr5 mt10" alt="">
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <button class="y-btn y-primary-btn mt15">立即购买</button>
                                </div>
                            </li>
                            <li class="clearfix trade-li border-b">
                                <div class="clearfix fl width20p">
                                    <span class="fl y-headerName">奋</span>
                                    <div class="fl ml10">
                                        <p class="y-trade-person">奋斗</p>
                                        <p class="y-trade-code">5238</p>
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-cny-text">1000 BINTCNY</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-trade-price">&yen;&nbsp;0.99/个</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <div class="inline-b">
                                        <img src="images/icon/wechat.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/alipay.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/bank.png" class="plr5 mt10" alt="">
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <button class="y-btn y-primary-btn mt15">立即购买</button>
                                </div>
                            </li>
                            <li class="clearfix trade-li border-b">
                                <div class="clearfix fl width20p">
                                    <span class="fl y-headerName">L</span>
                                    <div class="fl ml10">
                                        <p class="y-trade-person">Lan</p>
                                        <p class="y-trade-code">5238</p>
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-cny-text">1000 BINTCNY</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <span class="y-trade-price">&yen;&nbsp;0.99/个</span>
                                </div>
                                <div class="fl width20p text-c">
                                    <div class="inline-b">
                                        <img src="images/icon/wechat.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/alipay.png" class="plr5 mt10" alt="">
                                        <img src="images/icon/bank.png" class="plr5 mt10" alt="">
                                    </div>
                                </div>
                                <div class="fl width20p text-c">
                                    <button class="y-btn y-primary-btn mt15">立即购买</button>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @@include('footer-js.html')
    <script type="text/javascript">
        // 加载列表头像颜色
        $(document).ready(function() {
            var colorArray = ["#fa6e0a", "#0b987b", "#bf1b34", "#0283bb", "#1a67b7", "#0b987b", "#0283bb"];
            var headerArr = $('.y-headerName');
            console.log('sssss');
            $.each(headerArr, function(index, value) {
                $('.y-headerName').eq(index).css("background-color", colorArray[index % 7]);
            });
        });
    </script>
</body>

</html>